{% extends "dynamic/base.html" %}

{% load i18n adminmedia %}

{% block stylesheet %}{% admin_media_prefix %}css/dashboard.css{% endblock %}
{% block bodyclass %}change-list{% endblock %}
{% block coltype %}flex{% endblock %}

{% block extrahead %}{{ block.super }}

<style>
    #content-main {
        width: 100%;
    }

    .files {
        margin-left: 20px;
        margin-bottom: 10px;
    }

    .files>input {
        display: block;
    }
</style>
<script>
    function addFile() {
        $('.files>input[type=file]:last').after('<input type="file" name="file"/>');
    }
</script>
{% endblock extrahead %}

{% block content %}
<div id="content-main">
    
    <form method="post" enctype="multipart/form-data">

        <div class="files">
            <input type="file" name="file"/>
    
            <a href="javascript: addFile()">{% trans "Add a new file to upload" %}</a>
        </div>

        <input type="submit" value="{% trans "Upload" %}"/>

    </form>

</div>
{% endblock content %}

